// 分类逻辑实现
import { findTopCategory } from '@/api/category'
// import { useRoute, onBeforeRouteUpdate } from 'vue-router'
import { useRoute } from 'vue-router'
import { ref, onMounted } from 'vue'

export function useCategory () {
  const categoryDataRef = ref({})
  const route = useRoute()
  // 使用默认参数 如果传值 就使用传过来的值 如果不传 就使用默认值
  async function loadCategory (id = route.params.id) {
    const { data: { result } } = await findTopCategory(id)
    categoryDataRef.value = result
  }
  onMounted(() => {
    loadCategory()
  })

  // 路由更新前再次调用接口请求
  // onBeforeRouteUpdate((route) => {
  //   // route.params.id 可以拿到最新的一个路由参数
  //   loadCategory(route.params.id)
  // })

  return {
    categoryDataRef
  }
}
